{% extends "base.html" %}

{% block js_block %}

{% endblock %}

{% block base_content %}
<section id="user-login" data-role="page">
	<div data-role="header">
		<h1>Log In</h1>
	</div><!-- /header -->

	<div data-role="content" >	
	<form action="#" method="post">
		<div data-role="fieldcontain">
	        <label for="name">Username: </label>
	         <input type="text" name="name" id="name" value=""  />
			</div>
			<div data-role="fieldcontain">
	         <label for="pass">Password: </label>
	         <input type="password" name="pass" id="pass" value=""  />
		</div>
		<div class="ui-body ui-body-b">
		<fieldset class="ui-grid-a">
				<div class="ui-block-a"><button type="submit" data-theme="a">Login</button></div>
				<div class="ui-block-b"><button type="submit" data-theme="b">Cancel</button></div>
	    </fieldset>
		</div>
	</form>
		<p><a href="#user-register" data-role="button" data-rel="dialog" >Register</a></p>	
		<p><a href="#user-find-password" data-role="button" data-rel="dialog" data-transition="pop">Forgot Password?</a></p>
	</div><!-- /content -->

	
	<div data-role="footer" data-theme="d">
		<h4>NSB Studio</h4>
	</div><!-- /footer -->
</section>

<section id="user-register" data-role="page">
	<div data-role="header">
		<h1>Register</h1>
	</div><!-- /header -->

	<div data-role="content" >	
	<form action="#" method="post">
		<div data-role="fieldcontain">
	        <label for="name">Username: </label>
	         <input type="text" name="name" id="name" value=""  />
			</div>
			<div data-role="fieldcontain">
	         <label for="pass">Password: </label>
	         <input type="password" name="pass" id="pass" value=""  />
		</div>
		<div class="ui-body ui-body-b">
		<fieldset class="ui-grid-a">
				<div class="ui-block-a"><button type="submit" data-theme="a" >OK</button></div>
				<div class="ui-block-b"><a href="#user-login" data-rel="back" data-role="button">Cancel</a></div>
	    </fieldset>
		</div>
	</form>
	</div><!-- /content -->

	<div data-role="footer" data-theme="d">
		<h4>NSB Studio</h4>
	</div><!-- /footer -->
</section>

<section id="user-social" data-role="page">
</section>

<section id="user-setting" data-role="page">
</section>

{% endblock %}